<template>
    <div>
        <router-view></router-view>
        <div class="footers">
            <footers :list="footerList"></footers>
        </div>
    </div>
</template>

<script setup>
import { getHome } from '../http/home'
import { reactive } from 'vue'
import footers from '../components/footers.vue';
const footerList = reactive([{ name: '首页', icon: 'icon--xiaolu', path: 'index' },
{ name: '课程', icon: 'icon-tushuguanlibrary12', path: 'course' },
{ name: '约课记录', icon: 'icon-dianji', path: 'record' },
{ name: '练习', icon: 'icon-lianxi', path: 'practice' },
{ name: '我的', icon: 'icon-wodeguanzhu', path: 'my' },])
console.log(11);
getHome().then(res => {
    console.log(res);
})
</script>

<style lang="scss" scoped>
.footers {
    margin-top: 50px;
}
</style>